<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>热门推荐</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="./css/swiper.min.css">
		<style>
/** 分类及焦点图 **/
.column .xtx_entry {
  height: 500px;
  background-color: #f2f2f2;
  position: relative;
}

.column .xtx_category {
  width: 250px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 9;
}



.column .xtx_category_super li {
  height: 50px;
  padding: 0 20px 0 40px;
  /* transition: background-color 0.25s; */
  cursor: pointer;
}

.column .xtx_category_super li:hover,
.column .xtx_category_super li.active {
  background-color: #27BA9B;
}

.column .xtx_category_super a {
  color: #fff;
  font-size: 16px;
  line-height: 50px;
}

.column .xtx_category_super a small {
  font-size: 14px;
}
.column .xtx_banner {
  width: 100%;
  height: 500px;
}
.column .xtx_banner img{
  widows: 98px;
  height: 500px;	
}
.column .xtx_banner .item{
	display: none;
}
.column .xtx_banner .active {
  display: block;
}
</style>
<link rel="stylesheet" href="css/recommend.css" />
	</head>
	<body>
		<div class="xtx_topnav">
		  <div class="wrapper">
		    <!-- 顶部导航 -->
		    <ul class="xtx_navs">
		      <li>
		        <a href="./login.html">请先登录</a>
		      </li>
		      <li>
		        <a href="./register.html">免费注册</a>
		      </li>
		      <li>
		        <a href="javascript:;">我的订单</a>
		      </li>
		      <li>
		        <a href="javascript:;">会员中心</a>
		      </li>
		      <li>
		        <a href="javascript:;">帮助中心</a>
		      </li>
		      <li>
		        <a href="javascript:;">在线客服</a>
		      </li>
		      <li>
		        <a href="javascript:;">
		          <i class="mobile sprites"></i>
		          手机版
		        </a>
		      </li>
		    </ul>
		  </div>
		</div>
		<script>
			//首页渲染登录的用户名和退出登陆
			const li1 = document.querySelector('.xtx_navs li:first-child')
			const li2 = li1.nextElementSibling
			function render() {
				const uname = sessionStorage.getItem('xtx-uname')
				if (uname) {
					li1.innerHTML = `
							<a href='#'>
								<img src="./img/iconfont/daibiao.png" style="width:13px";height:'13px'/>&nbsp;
									${uname}
							</a>`
					li2.innerHTML = `<a href='#'>退出登陆</i></a>`
				} else {
					li1.innerHTML = `<a href='./login.html'>请先登录</a>`
					li2.innerHTML = `<a href='./register.html'>免费注册</a>`
				}
			}
			render()
			//退出登陆
			li2.addEventListener('click', function () {
				sessionStorage.removeItem('xtx-uname')
				render()
			})
		</script>

		<!-- 头部 -->
		<div class="xtx_header">
		  <div class="wrapper">
		    <!-- 网站Logo -->
		    <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
		    <!-- 主导航 -->
		    <div class="xtx_navs">
		      <ul class="clearfix">
		        <li>
		          <a href="./index.html">首页</a>
		        </li>
		        <li>
		          <a href="recommend.html">热门推荐</a>
		        </li>
		        <li>
		          <a href="delicacy.html">当地美食</a>
		        </li>
		        <li>
		          <a href="travel.html">极速出行</a>
		        </li>
		        <li>
		          <a href="relation.html">社区广场</a>
		        </li>
				<li>
				  <a href="youxue.html">我的游学</a>
				</li>
		      </ul>
		    </div>
		    <!-- 站内搜索 -->
		    <div class="xtx_search clearfix">
		      <!-- 购物车 -->
		      <a href="#" class="xtx_search_cart sprites">
		        <i>2</i>
		      </a>
		      <!-- 搜索框 -->
		      <div class="xtx_search_wrapper">
		        <input type="text" placeholder="搜一搜">
		      </div>
			  
		    </div>
			<div style="margin-left: 15px;">
				<i style="font-size: 24px;" class="iconfont icon-setting"></i>
			</div>
		  </div>
		</div>
		
		<!-- 轮播图 -->
		<div class="swiper mySwiper">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide"><img src="img/3.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/4.jpg" alt=""></div>
			<div class="swiper-slide"><img src="img/11.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/7.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/6.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/5.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/8.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/9.jpg" alt=""></div>
		    <div class="swiper-slide"><img src="img/10.jpg" alt=""></div>
		  </div>
		  <div class="swiper-pagination"></div>
		</div>
		
		<div class="contant">
			<div class="contant-one">
				<div class="tab">
				  <div class="tab-nav">
				    <h3>每日特价</h3>
				    <ul>
				      <li><a class="active" href="javascript:;" data-id="0">云南</a></li>
				      <li><a href="javascript:;" data-id="1">厦门</a></li>
				      <li><a href="javascript:;" data-id="2">河南</a></li>
				      <li><a href="javascript:;" data-id="3">福建</a></li>
				      <li><a href="javascript:;" data-id="4">山东</a></li>
				    </ul>
				  </div>
				  <div class="tab-content">
				    <div class="item active">
						
						<div class="xtx_panel_goods_2">
						  <ul class="clearfix">
						    <li>
						      <a href="javascript:;">
						        <img src="./img/yn1.jpg" width="150px"height="320px">
						      </a>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/sh.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">束河古镇</p>
						        <p class="flag">位于云南省丽江市丽江古城西北4公里处。</p>
						        <p class="price"><small>￥</small>40元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/lgh.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">泸沽湖</p>
						        <p class="flag">位于四川省凉山州盐源县与云南省宁蒗县交界处。</p>
						        <p class="price"><small>￥</small>100元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/gyx.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name"> 观音峡</p>
						        <p class="flag">位于丽江坝子三大关隘的“玉龙关”关口处。</p>
						        <p class="price"><small>￥</small>50元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/wbs.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">文笔山景区</p>
						        <p class="flag">位于丽江坝西南的文笔山,称之为“抚鲁纳”。</p>
						        <p class="price"><small>￥</small>40元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/yfs.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">玉峰寺</p>
						        <p class="flag">位于离丽江古城13公里的玉龙雪山南麓。</p>
						        <p class="price"><small>￥</small>25元/人 </p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/ylxs1.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">玉龙雪山</p>
						        <p class="flag">位于云南省丽江市境内雪山群。</p>
						        <p class="price"><small>￥</small>130元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/ys.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name"> 云杉坪索道</p>
						        <p class="flag">位于玉龙雪山锦秀谷白水河旁。</p>
						        <p class="price"><small>￥</small>55元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/ysz.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name"> 玉水寨</p>
						        <p class="flag">位于白沙镇北部,以纳西民族文化为核心的风景名胜。</p>
						        <p class="price"><small>￥</small>50元/人</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						  </ul>
						</div>
						
						
						
					</div>
				    <div class="item">
						
						<div class="xtx_panel_goods_2">
						  <ul class="clearfix">
						    <li>
						      <a href="javascript:;">
						        <img src="./img/tj2.jpg" width="150px"height="320px">
						      </a>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/yzs.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">游中山路步行街</p>
						        <p class="flag">福建省厦门市</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/njtl.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">南靖土楼 </p>
						        <p class="flag">福建省漳州市南靖县书芦线</p>
						        <p class="price"><small>￥</small>90</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/gly.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">鼓浪屿</p>
						        <p class="flag">位于福建省福建省厦门市思明区鼓浪屿街道。</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/xjt.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">新街堂</p>
						        <p class="flag">位于中国福建省厦门市老市区中心地带的台光街29号。</p>
						        <p class="price"><small>￥</small>19</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/xmdx.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">厦门大学 </p>
						        <p class="flag">福建省厦门市</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/spw.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">沙坡尾</p>
						        <p class="flag">福建省厦门市思明区沙坡尾60号。</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/yds.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">云顶山</p>
						        <p class="flag">位于娄烦和交城、方山交界处。</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/hdl.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">厦门环岛路 </p>
						        <p class="flag">位于福建省厦门市思明区。</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						  </ul>
						</div>
						
					</div>
				    <div class="item">
						<div class="xtx_panel_goods_2">
						  <ul class="clearfix">
						    <li>
						      <a href="javascript:;">
						        <img src="./img/tj3.jpg" width="150px"height="320px">
						      </a>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/ytss.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">云台山风景名胜区</p>
						        <p class="flag">位于焦作市修武县七贤镇沙墙村北2公里。</p>
						        <p class="price"><small>￥</small>120</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/lm.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">龙门石窟</p>
						        <p class="flag">位于洛阳市洛龙区龙门镇龙门大道。</p>
						        <p class="price"><small>￥</small>90</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/st.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">隋唐洛阳城应天门遗址</p>
						        <p class="flag">位于洛阳市老城区定鼎南路23号。</p>
						        <p class="price"><small>￥</small>90</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/lg.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">老君山景区</p>
						        <p class="flag">位于洛阳市栾川县七里坪村21组。</p>
						        <p class="price"><small>￥</small>100</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
							<li>
								<a href="javascript:;">
								  <div class="img-box">
									<img src="./img/yjdwwg.jpg" alt="">
								  </div>
								</a>
								<div class="meta">
								  <p class="name">银基动物王国 </p>
								  <p class="flag">位于郑州新密市刘寨镇银基国际旅游度假区内。</p>
								  <p class="price"><small>￥</small>218</p>
								</div>
								<div class="extra">
								  <a href="javascript:;">
									<span>找相似</span>
									<span>发现现多宝贝&gt;</span>
								  </a>
								</div>
							  </li>
							  <li>
								<a href="javascript:;">
								  <div class="img-box">
									<img src="./img/sls.jpg" alt="">
								  </div>
								</a>
								<div class="meta">
								  <p class="name">少林寺</p>
								  <p class="flag">位于河南省登封市中岳嵩山西麓。</p>
								  <p class="price"><small>￥</small>80</p>
								</div>
								<div class="extra">
								  <a href="javascript:;">
									<span>找相似</span>
									<span>发现现多宝贝&gt;</span>
								  </a>
								</div>
							  </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/hc.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">戏剧幻城 </p>
						        <p class="flag">位于河南省郑州市中牟县平安大道与广信街交叉口西北角。</p>
						        <p class="price"><small>￥</small>290</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/qm.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">清明上河园</p>
						        <p class="flag">位于开封市龙亭区龙亭西路5号。</p>
						        <p class="price"><small>￥</small>120</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						   
						    
						  </ul>
						</div>
						
					</div>
				    <div class="item">
						
						<div class="xtx_panel_goods_2">
						  <ul class="clearfix">
						    <li>
						      <a href="javascript:;">
						        <img src="./img/tj4.jpg" width="150px"height="320px">
						      </a>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/wys.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">武夷山风景名胜区</p>
						        <p class="flag">地处于福建省北部。</p>
						        <p class="price"><small>￥</small>225</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/tl.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">福建土楼旅游区</p>
						        <p class="flag">位于福建省漳州市、龙岩市、泉州市境内。</p>
						        <p class="price"><small>￥</small>90</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/sjqf.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">福建三巷七坊</p>
						        <p class="flag">位于福建省福州市鼓楼区南后街</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/tn.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">泰宁丹霞旅游区</p>
						        <p class="flag">位于福建省著名旅游县</p>
						        <p class="price"><small>￥</small>55</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/tls.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">太姥山 </p>
						        <p class="flag">位于福建省东北部福鼎市境内。</p>
						        <p class="price"><small>￥</small>140</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
							<li>
								<a href="javascript:;">
								  <div class="img-box">
									<img src="./img/bys.jpg" alt="">
								  </div>
								</a>
								<div class="meta">
								  <p class="name">白水洋 </p>
								  <p class="flag">位于福建省屏南县。</p>
								  <p class="price"><small>￥</small>120</p>
								</div>
								<div class="extra">
								  <a href="javascript:;">
									<span>找相似</span>
									<span>发现现多宝贝&gt;</span>
								  </a>
								</div>
							  </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/djh.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">泰宁大金湖</p>
						        <p class="flag">位于福建省三明市泰宁县。</p>
						        <p class="price"><small>￥</small>80</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/mzd.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">湄洲岛</p>
						        <p class="flag">位于福建莆田</p>
						        <p class="price"><small>￥</small>65</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						 
						  </ul>
						</div>
						
					</div>
				    <div class="item">
						<div class="xtx_panel_goods_2">
						  <ul class="clearfix">
						    <li>
						      <a href="javascript:;">
						        <img src="./img/tj5.jpg" width="150px"height="320px">
						      </a>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/ts.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">泰山</p>
						        <p class="flag">泰安市泰山区红门路。</p>
						        <p class="price"><small>￥</small>115</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/bdg.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">八大关</p>
						        <p class="flag">位于市南区汇泉角东北部</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/sk.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">三孔</p>
						        <p class="flag">济宁曲阜市中心</p>
						        <p class="price"><small>￥</small>140</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/btq.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">趵突泉</p>
						        <p class="flag">济南市历下区趵突泉南路1号</p>
						        <p class="price"><small>￥</small>40</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/qms.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">沂蒙山旅游区 </p>
						        <p class="flag">位于山东省临沂市平邑县蒙山旅游区柏林镇。</p>
						        <p class="price"><small>￥</small>60</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/cd.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">长岛</p>
						        <p class="flag">位于胶东和辽东半岛之间。</p>
						        <p class="price"><small>￥</small>30</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/qz.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">青州古城</p>
						        <p class="flag">青州市范公亭西路与偶园街交叉口</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						    <li>
						      <a href="javascript:;">
						        <div class="img-box">
						          <img src="./img/wsh.jpg" alt="">
						        </div>
						      </a>
						      <div class="meta">
						        <p class="name">微山湖 </p>
						        <p class="flag">位于中国山东省济宁市微山县南部的断陷湖。</p>
						        <p class="price"><small>￥</small>0</p>
						      </div>
						      <div class="extra">
						        <a href="javascript:;">
						          <span>找相似</span>
						          <span>发现现多宝贝&gt;</span>
						        </a>
						      </div>
						    </li>
						  </ul>
						</div>
						
					</div>
				  </div>
				</div>
				<div class="contant-one-2">
					<div class="cont-2-1">
						<div class="cont-2-1-1">
							<div class="cont-2-1-11">
								    <div class="totle" style="display: flex;justify-content:center;align-items: center;">
										<!-- <i class="iconfont icon-shu"></i> -->
										<img src="img/iconfont/shu.png"/ style="width: 10px;height: 10px;">
									</div>
								    &nbsp;&nbsp;来自&nbsp;
								    <span style="color: #ffa531;">游记</span>
							</div>
							<h3>奶油桃子 Lv.44</h3>
						</div>
						<div class="cont-2-1-2">
							<div class="di">
								<p style="color: #ffa531;">869</p>&nbsp;
								<p>方法啊</p>&nbsp;
								<div style="width: 20px;height: 20px;color: #ffa531;">
									<!-- <i class="iconfont icon-zantianchong"></i> -->
									<img src="img/iconfont/zan.png"/ style="width: 18px;height: 18px;">
								</div>
							</div>
						</div>
					</div>
					<div class="cont-2-2">
						<div class="cont-2-2-1">
							<img src="img/ylxs.jpg" style="width: 90%;height: 90%;"/>
						</div>
						<div class="cont-2-2-2">
							<div class="cont-2-21">我也是前不久去的云南，大理和丽江真心值得一玩，玉龙雪山也很美，一路上的风景美得让人狂刷抖音停不下来...
								我们去的时候也是找楼上所说的小吕规划的行程，也是帮安排的，比自己玩省心很多。我们让小吕安排了一台车和导游，全程自己玩，不赶路，
								睡到自然醒，喜欢这种自由旅行的方式
								（比找旅行社天天强制购物玩的爽多了，时代在变化，旅游方式也在变化哦，要的就是舒适自由），全程的住宿也很不错，舒心，点个赞。</div>
							<div class="cont-2-22">
								<div class="cont-2-2d">
										<img src="img/tx1.jpg" style="width: 20px;height: 20px;border-radius: 50%;"/>
									<span style="margin:0 10px;color: #ffa531;font-size: 10px;">Huiwy</span>
									<p style="font-size: 12px;color: #999;">10934浏览</p>
									<p style="margin-left: 10px;font-size:12px;color: #999;">34评论</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="contant-one-2">
					<div class="cont-2-1">
						<div class="cont-2-1-1">
							<div class="cont-2-1-11">
								    <div class="totle" style="display: flex;justify-content:center;align-items: center;">
										<!-- <i class="iconfont icon-shu"></i> -->
										<img src="img/iconfont/shu.png"/ style="width: 10px;height: 10px;">
									</div>
								    &nbsp;&nbsp;来自&nbsp;
								    <span style="color: #ffa531;">游记</span>
							</div>
							<h3> 
								夕颜泪痕
								Lv.30</h3>
						</div>
						<div class="cont-2-1-2">
							<div class="di">
								<p style="color: #ffa531;">745</p>&nbsp;
								<p>方法啊</p>&nbsp;
								<div style="width: 20px;height: 20px;color: #ffa531;">
									<!-- <i class="iconfont icon-zantianchong"></i> -->
									<img src="img/iconfont/zan.png"/ style="width: 18px;height: 18px;">
								</div>
							</div>
						</div>
					</div>
					<div class="cont-2-2">
						<div class="cont-2-2-1">
							<img src="img/fx.jpg" style="width: 90%;height: 90%;"/>
						</div>
						<div class="cont-2-2-2">
							<div class="cont-2-21">去云南玩，大家是要跟团的话，一定要擦亮眼睛看好了，不管什么旅游的地方都会有黑心导游的，
								带你各种逛购物店不买东西就给你脸色的。
								来云南的话，要选口碑比较好的，比如小吕，他们家专业做云南休闲线路的，分享一下我们在云南拍的美照。</div>
							<div class="cont-2-22">
								<div class="cont-2-2d">
										<img src="img/tx2.jpg" style="width: 20px;height: 20px;border-radius: 50%;"/>
									<span style="margin:0 10px;color: #ffa531;font-size: 10px;">Qodnd</span>
									<p style="font-size: 12px;color: #999;">26876浏览</p>
									<p style="margin-left: 10px;font-size:12px;color: #999;">145评论</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="contant-one-2">
					<div class="cont-2-1">
						<div class="cont-2-1-1">
							<div class="cont-2-1-11">
								    <div class="totle" style="display: flex;justify-content:center;align-items: center;">
										<!-- <i class="iconfont icon-shu"></i> -->
										<img src="img/iconfont/shu.png"/ style="width: 10px;height: 10px;">
									</div>
								    &nbsp;&nbsp;来自&nbsp;
								    <span style="color: #ffa531;">游记</span>
							</div>
							<h3>王男LV.59</h3>
						</div>
						<div class="cont-2-1-2">
							<div class="di">
								<p style="color: #ffa531;">675</p>&nbsp;
								<p>方法啊</p>&nbsp;
								<div style="width: 20px;height: 20px;color: #ffa531;">
									<!-- <i class="iconfont icon-zantianchong"></i> -->
									<img src="img/iconfont/zan.png"/ style="width: 18px;height: 18px;">
								</div>
							</div>
						</div>
					</div>
					<div class="cont-2-2">
						<div class="cont-2-2-1">
							<img src="img/tj1.jpg" style="width: 90%;height: 90%;"/>
						</div>
						<div class="cont-2-2-2">
							<div class="cont-2-21">说起厦门，相信很多人都不会陌生。除了丰富的人文历史与美食之外，现代化建筑，
								为多彩的厦门渲染出浓厚的民族色彩。 我们时间较充足，全程7天都是四星级以上酒店及名宿，
								门票、交通、当地导游费、吃饭等全都包含了，鼓浪屿、南普陀寺、曾厝垵、云水谣土楼等等等等出名的景点全都走过了！
								厦门的夜景一级棒，晚上超级好玩。
								</div>
							<div class="cont-2-22">
								<div class="cont-2-2d">
										<img src="img/tx.jpg" style="width: 20px;height: 20px;border-radius: 50%;"/>
									<span style="margin:0 10px;color: #ffa531;font-size: 10px;">Swter</span>
									<p style="font-size: 12px;color: #999;">14985浏览</p>
									<p style="margin-left: 10px;font-size:12px;color: #999;">60评论</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<div class="contant-two">
				<div class="contant-two-box">
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="img/mdl.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>周末一日游！Burgos攻略来啦！ </p>
								<p>泰国</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">繁花似锦</div>
							</div>
						</div>
					</div>
					
					
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img  src="./img/ysz.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>以纳西文化为核心的风景名胜</p>
								<p>玉水寨</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">湖光山色</div>
							</div>
						</div>
					</div>
					
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/yzs.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>游中山路步行街</p>
								<p>福建省厦门市</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">东瞻西望</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/njtl.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>福建省漳州市南靖县书芦线</p>
								<p>南靖土楼</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">春色恼人</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/xmdx.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>福建省厦门市</p>
								<p>厦门大学</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">万顷烟波</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/yds.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>位于娄烦和交城、方山交界处</p>
								<p>云顶山</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">峰峦雄伟</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/ytss.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>焦作市修武县七贤镇沙墙村</p>
								<p>云台山风景名胜区</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">春色满园</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/lm.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>位于洛阳市洛龙区龙门镇龙门</p>
								<p>龙门石窟</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">色彩名丽</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/tj4.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>地处于福建省北部</p>
								<p>武夷山风景名胜区</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">天开图画</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/sjqf.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>位于福建省福州市鼓楼区南后街</p>
								<p>福建三巷七坊</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">蛛网尘封</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/cd.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>位于胶东和辽东半岛之间</p>
								<p>长岛</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">天高地迥</div>
							</div>
						</div>
					</div>
					<div class="contant-two-boxall">
						<div class="cont-two-boxa">
							<img src="./img/qz.jpg" style="width: 100%;height: 100%;padding:10px 10px;" />
						</div>
						<div class="cont-two-boxb">
							<div class="cont-two-boxb-a">
								<p>青州市范公亭与偶园街交叉口</p>
								<p>青州古城</p>
							</div>
							<div class="cont-two-boxb-b">
								<div style="width: 60px; height: 17px;background: #bf0915;color: white;
								font-size: 10px;display: flex;justify-content: center;align-items: center;">临风对月</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="footer">
			<div class="footer-title">主题畅玩</div>
			<hr size="2" color="#ffa531" width="98%">
			<div class="footer-contain">
				<div class="footer-contain-box">
				<img src="./img/lg.jpg" style="width: 100%;height: 90%;">
				<div class="footer-contain-top">
					<p style="color: #333;font-size: 20px;margin: 5px;">全球海岛</p>
					<div>
						<p style="margin-left: 5px;">马来西亚</p>
						<p>|</p>
						<p>普吉岛</p>
						<p>|</p>
						<p>三亚</p>
						<p>|</p>
					</div>
				</div>
			    </div>
				
				<div class="footer-contain-box">
				<img src="./img/img/fjd.jpg" style="width: 100%;height: 90%;">
				<div class="footer-contain-top">
					<p style="color: #333;font-size: 20px;margin: 5px;">全球海岛</p>
					<div>
						<p style="margin-left: 5px;">马来西亚</p>
						<p>|</p>
						<p>普吉岛</p>
						<p>|</p>
						<p>三亚</p>
						<p>|</p>
					</div>
				</div>
				</div>
				
				<div class="footer-contain-box">
				<img src="./img/img/fjd1.jpg" style="width: 100%;height: 90%;">
				<div class="footer-contain-top">
					<p style="color: #333;font-size: 20px;margin: 5px;">全球海岛</p>
					<div>
						<p style="margin-left: 5px;">马来西亚</p>
						<p>|</p>
						<p>普吉岛</p>
						<p>|</p>
						<p>三亚</p>
						<p>|</p>
					</div>
				</div>
				</div>
				
				<div class="footer-contain-box">
				<img src="./img/img/fjd2.jpg" style="width: 100%;height: 90%;">
				<div class="footer-contain-top">
					<p style="color: #333;font-size: 20px;margin: 5px;">全球海岛</p>
					<div>
						<p style="margin-left: 5px;">马来西亚</p>
						<p>|</p>
						<p>普吉岛</p>
						<p>|</p>
						<p>三亚</p>
						<p>|</p>
					</div>
				</div>
				</div>
			</div>	
		</div>
		
		
		<!-- 公共底部 -->
		<div class="xtx_footer clearfix">
		  <div class="wrapper">
		    <!-- 联系我们 -->
		    <div class="contact clearfix">
		      <dl>
		        <dt>客户服务</dt>
		        <dd class="chat">在线客服</dd>
		        <dd class="feedback">问题反馈</dd>
		      </dl>
		      <dl>
		        <dt>关注我们</dt>
		        <dd class="weixin">公众号</dd>
		        <dd class="weibo">微博</dd>
		      </dl>
		      <dl>
		        <dt>下载APP</dt>
		        <dd class="qrcode">
		          <img src="./img/qrcode.jpg">
		        </dd>
		        <dd class="download">
		          <span>扫描二维码</span>
		          <span>立马下载APP</span>
		          <a href="javascript:;">下载页面</a>
		        </dd>
		      </dl>
		      <dl>
		        <dt>服务热线</dt>
		        <dd class="hotline">
		          400-0000-000
		          <small>周一至周日 8:00-18:00</small>
		        </dd>
		      </dl>
		    </div>
		  </div>
		  <!-- 其它 -->
		  <div class="extra">
		    <div class="wrapper">
		      <!-- 口号 -->
		      <div class="slogan">
		        <a href="javascript:;" class="price">价格亲民</a>
		        <a href="javascript:;" class="express">物流快捷</a>
		        <a href="javascript:;" class="quality">品质新鲜</a>
		      </div>
		      <!-- 版权信息 -->
		      <div class="copyright">
		        <p>
		          <a href="javascript:;">关于我们</a>
		          <a href="javascript:;">帮助中心</a>
		          <a href="javascript:;">售后服务</a>
		          <a href="javascript:;">配送与验收</a>
		          <a href="javascript:;">商务合作</a>
		          <a href="javascript:;">搜索推荐</a>
		          <a href="javascript:;">友情链接</a>
		        </p>
		        <p>CopyRight &copy; 旅游网</p>
		      </div>
		    </div>
		  </div>
		</div>
		
		<script src="./tools/swiper.min.js"></script>
		<script src="js/recommend.js"></script>

	</body>
</html>
